<!--
Copyright (c) 2022, Oracle and/or its affiliates. All rights reserved.
DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.

This code is free software; you can redistribute it and/or modify it
under the terms of the GNU General Public License version 2 only, as
published by the Free Software Foundation.

This code is distributed in the hope that it will be useful, but WITHOUT
ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
FITNESS FOR A PARTICULAR PURPOSE.  See the GNU General Public License
version 2 for more details (a copy is included in the LICENSE file that
accompanied this code).

You should have received a copy of the GNU General Public License version
2 along with this work; if not, write to the Free Software Foundation,
Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA.

Please contact Oracle, 500 Oracle Parkway, Redwood Shores, CA 94065 USA
or visit www.oracle.com if you need additional information or have any
questions.
-->
<!DOCTYPE html>
<html>
<head>
    <style>
  table, th, td {
  border: 1px solid black;
}

    </style>
</head>
<body>


<table>
    <tr>
        <th style="background-color:rgb(204,255,255); font-weight:bold; width:5%;">S.No</th>
        <th style="background-color:rgb(204,255,255); font-weight:bold; width:25%;">Test</th>
        <th style="background-color:rgb(204,255,255); font-weight:bold; width:75%;">Scenario</th>
    </tr>
    <tr>
        <td>1</td>
        <td>Table Demo (tests table navigation, as well as textfield input)</td>
        <td>
            <ol>
                <li>Press Left/Right arrow key until the Table icon <img src="./resource/tbld.png"> has focus. Press 'space' to choose.
                <li>Tab until the "Table Demo" tab has focus. Press 'space'. Press 'tab'. "Reordering allowed" should
                    have focus.
                <li>Tab to the Printing/Header textfield. Verify that you can type in some text.
                <li>Continue tabbing until focus moves to the table. The table should show focus.
                <li>Press the down arrow. "Mike Albers" should have focus.
                <li>Use the right and left arrow keys to navigate between cells.
                <li>Set focus to a text cell (e.g. someone's first name). Press space to edit. Type some text. Hit
                    'enter' and verify the text has been changed. After editing a text cell and hitting 'enter', the
                    focus could remain on the current cell or go to the next line.
                <li>Press the 'Page Up' and 'Page Down' keys (if available on your keyboard); verify that the Table
                    scrolls up and down, page by page.
                    <ol><br>
                        <img src="./resource/tbl.png">
        </td>
    </tr>
    <tr>
        <td style="Width:100%;" colspan="3">
            <b>Expected Result</b>
        </td>
    </tr>
    <tr>
        <td style="Width:100%;" colspan="3">
            See above test description.
        </td>
    </tr>
    <tr>
        <td style="Width:100%;" colspan="3"><b>Note: actual component appearence may vary depending on look and
            feel.</b></td>
    </tr>
</table>
</body>
</html>
